<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Jumlah Penambahan Bangku Kelas - Propinsi Kalimantan Timur</title>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#container').highcharts({
                    chart: {
                        type: 'column'
                    },
                    title: {
                        text: 'Jumlah Penduduk Miskin Berdasarkan Jenjang Pendidikan'
                    },
                    subtitle: {
                        text: 'Banyuwangi'
                    },
                    xAxis: {
                        categories: [
                            'Tidak / Belum Sekolah',
                            'Belum Tamat SD / Sederajat',
                            'Tamat SD / Sederajat',
                            'SLTP / Sederajat',
                            'SLTA / Sederajat',
                            'Diploma I / II',
                            'Akademi / Diploma III / S. Muda',
                            'Diploma IV / Strata I',
                            'Strata II',
                            'Strata III'
                        ],
                        labels: {
                            rotation: 0,
                            style: {
                                fontSize: '12px',
                                fontFamily: 'Verdana, sans-serif'
                            }
                        }
                    },
                    yAxis: {
                        min: 0,
                        title: {
                            text: 'Jumlah (orang)'
                        }
                    },
                    tooltip: {
                        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                                '<td style="padding:0"><b>{point.y:.0f} orang</b></td></tr>',
                        footerFormat: '</table>',
                        shared: true,
                        useHTML: true
                    },
                    plotOptions: {
                        column: {
                            pointPadding: 0.2,
                            borderWidth: 0
                        }
                    },
                    series: [{
                            name: 'Jumlah',
                            data: [43066, 109710, 79213, 106506, 102773, 107969, 102773, 85514, 53658, 53523],
                            dataLabels: {
                                enabled: true,
                                rotation: 0,
                                color: '#000000',
                                align: 'right',
                                x: 20,
                                y: -20,
                                style: {
                                    fontSize: '12px',
                                    fontFamily: 'Verdana, sans-serif',
                                    textShadow: '0 0 1px black'
                                }
                            }

                        }]
                });
            });


        </script>
        <link href="../../../static/css/css_style.css" rel="stylesheet" type="text/css" media="screen">
        <link href="../../../static/documentation/assets/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" media="screen">
    </head>
    <body>
        <script src="../../js/highcharts.js"></script>
        <script src="../../js/modules/exporting.js"></script>

        <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
        <div style="margin-top: 40px">
            <table class="table table-striped">
                <tr><th>pendidikan</th><th>Jumlah</th></tr>
                <tr><td>Tidak / Belum Sekolah</td><td>43,066</td></tr>
                <tr><td>Belum Tamat SD / Sederajat</td><td>109,710</td></tr>
                <tr><td>Tamat SD / Sederajat</td><td>79,213</td></tr>
                <tr><td>SLTP / Sederajat</td><td>106,506</td></tr>
                <tr><td>SLTA / Sederajat</td><td>102,773</td></tr>
                <tr><td>Diploma I / II</td><td>107,969</td></tr>
                <tr><td>Akademi / Diploma III / S. Muda</td><td>102,773</td></tr>
                <tr><td>Diploma IV / Strata I</td><td>85,514</td></tr>
                <tr><td>Strata II</td><td>53,658</td></tr>
                <tr><td>Strata III</td><td>53,523</td></tr>
            </table>
        </div>
    </body>
</html>
